<!doctype html>
{% load static %}
<html lang="en">

<head>
  <title>软件工程课程实训案例</title>
  <!-- Required meta tags -->
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <!--     Fonts and icons     -->
  <!-- <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Roboto+Slab:400,700|Material+Icons" /> -->
  <!-- 因为google访问不稳定，换为本地已下载好的文件-->
  <link rel="stylesheet" type="text/css" href="{% static 'assets/material_icons.css' %}" />
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css">
  <!-- Material Kit CSS -->
  <link href="{% static 'assets/css/material-dashboard.css' %}" rel="stylesheet" />

  <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
  <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
  <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
  <style>
  /* Make the image fully responsive */
  .carousel-inner img {
      width: 100%;
      height: 100%;
  }

  .card {
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .tsinghua-color {
    color: #9c27b0;
  }

  a {
      text-decoration: none !important;
  }

  </style>

</head>

<body>
  <div class="wrapper">

    <div class="row">
      <div class="col-lg-12 col-md-12 col-sm-12">
        <h4 class="card-title text-center" style="margin-bottom:0px; margin-top:15px;">参观清华</h4>
      </div>

    </div>

    

    


    <div class="main-panel m-auto" style="float:none;">
      <!-- End Navbar -->
      <div class="content" style="margin-top:0px;">
        <div class="container-fluid">
          <!-- your content here -->
          
          <div id = 'demo' class="carousel slide" data-ride="carousel" style="margin-top:-10px;">
 
            <!-- 指示符 -->
            <ul class="carousel-indicators rounded" style="bottom: -15px;">
              <li data-target="#demo" data-slide-to="0" class="active"></li>
              <li data-target="#demo" data-slide-to="1"></li>
              <li data-target="#demo" data-slide-to="2"></li>
            </ul>
           
            <!-- 轮播图片 -->
            <div class="carousel-inner">
                <div class="carousel-item active">
                  <img src="{% static 'assets/img/tsinghua1.jpg' %}" class='rounded'>
                </div>
                <div class="carousel-item">
                  <img src="{% static 'assets/img/tsinghua2.jpg' %}"  class='rounded'>
                </div>
                <div class="carousel-item">
                  <img src="{% static 'assets/img/tsinghua3.jpg' %}"  class='rounded'>
                </div>
            </div>
           
          </div>


          <div class="card">

            <div class="card-body">
              <a href="/userweb/booking">
                <div class="row">
                  <div class="col-lg-12 col-md-12 col-sm-12">
                    
                      <div class="">
                          <i class="material-icons tsinghua-color">person</i>
                          <span class="align-middle" style="color:black; font-size: 19px; margin-left:10px;">
                            个人预约
                          </span>
                      </div>
                    
                  </div>
                </div>
              </a>
              
                <hr style="filter: alpha(opacity=30,finishopacity=0,style=2)" width="99%" color="#b1adad" size="0.01" />

              <a href="/userweb/my_booking_history">
                <div class="row">
                  <div class="col-lg-12 col-md-12 col-sm-12">
                    
                      <div class="">
                          <i class="material-icons tsinghua-color">content_paste</i>
                          <span class="align-middle" style="color:black; font-size: 19px; margin-left:10px;">
                            我的预约
                          </span>
                      </div>
                    
                  </div>
                </div>

              </a>
            </div>

          </div>

          <div class="card">

            <div class="card-body">
              <a href="#">
                <div class="row">
                  <div class="col-lg-12 col-md-12 col-sm-12">
                    
                      <div class="">
                          <i class="material-icons tsinghua-color">location_ons</i>
                          <span class="align-middle" style="color:black; font-size: 19px; margin-left:-11px;">
                            校园导览
                          </span>
                      </div>
                    
                  </div>
                </div>
              </a>
                <hr style="filter: alpha(opacity=30,finishopacity=0,style=2)" width="99%" color="#b1adad" size="0.01" />
              <a href="#">
                <div class="row">
                  <div class="col-lg-12 col-md-12 col-sm-12">
                    
                      <div class="">
                          <i class="material-icons tsinghua-color">store</i>
                          <span class="align-middle" style="color:black; font-size: 19px; margin-left:10px;">
                            文创产品店
                          </span>
                      </div>
                    
                  </div>
                </div>

              </a>
            </div>
            
          </div>

          <div class="card">

            <div class="card-body">
              <a href="#">
                <div class="row">
                  <div class="col-lg-12 col-md-12 col-sm-12">
                    
                      <div class="">
                          <i class="material-icons tsinghua-color">warning</i>
                          <span class="align-middle" style="color:black; font-size: 19px; margin-left:10px;">
                            参观须知
                          </span>
                      </div>
                    
                  </div>
                </div>
              </a>
                <hr style="filter: alpha(opacity=30,finishopacity=0,style=2)" width="99%" color="#b1adad" size="0.01" />
              <a href="#">
                <div class="row">
                  <div class="col-lg-12 col-md-12 col-sm-12">
                    
                      <div class="">
                          <i class="material-icons tsinghua-color">bug_report</i>
                          <span class="align-middle" style="color:black; font-size: 19px; margin-left:10px;">
                            意见反馈
                          </span>
                      </div>
                    
                  </div>
                </div>
              </a>
                <hr style="filter: alpha(opacity=30,finishopacity=0,style=2)" width="99%" color="#b1adad" size="0.01" />
              <a href="#">
                <div class="row">
                  <div class="col-lg-12 col-md-12 col-sm-12">
                    
                      <div class="">
                          <i class="material-icons tsinghua-color">info_outline</i>
                          <span class="align-middle" style="color:black; font-size: 19px; margin-left:10px;">
                            使用帮助
                          </span>
                      </div>
                    
                  </div>
                </div>

              </a>
            </div>
            
          </div>

        </div>
      </div>
    </div>
  </div>
</body>

</html>